<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Modern UI CSS">
    <meta name="author" content="Sergey Pimenov">
    <meta name="keywords" content="windows 8, modern style, modern ui, style, modern, css, framework">

    <link href="css/modern.css" rel="stylesheet">
    <link href="css/site.css" rel="stylesheet" type="text/css">
    <link href="js/google-code-prettify/prettify.css" rel="stylesheet" type="text/css">

    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/google-analytics.js"></script>
    <script src="js/github.info.js"></script>
    <script src="js/google-code-prettify/prettify.js"></script>
    <script src="js/pagecontrol.js"></script>

    <title>Payment</title>
</head>


<body class="modern-ui" onload="prettyPrint()">

    <div class="page secondary">

        <div class="page-header">
            <div class="page-header-content">
                <h1>Payment</h1>
                <a href = "/Website/BackButtonURL?username=${username}" class="back-button big page-back"></a>
            </div>
        </div>
		
		

        <div class="page-region">
            <div class="page-region-content">
				
				<br>
				<br>
				<h2>${seat} ${username}</h2>
				<br>
				<div class="page-control span7" data-role="page-control">
								
					<form action = "/Website/MakeReservationURL" method = "get">			
						
						<div class="page-control span8" data-role="page-control">
							<ul>
								<li class="active"><a href="#page1">Payment</a></li>
							</ul>
	
							<div class="frames">
								<div class="frame active" id="page1">
								
									<p>Price: <span id="priceResult">${price}</span></p>
									<br>
							        <p>
								        Credit:<input type="text" input name="credit" value = 0 maxlength="8"> &nbsp; &nbsp; 
								        Loyalty Point: <input type="text" input name="point" value = 0 maxlength="8">
	
								    </p>
					        										
								</div>
							</div>
						</div>
						<br>
						<br>
						<input type = "hidden" name = "username" value = ${username}>
						<input type="hidden" name="flightID" value=${flightID}>
						<input type="hidden" name="firstName" value=${firstName}>
						<input type="hidden" name="lastName" value=${lastName}>
						<input type="hidden" name="seat" value=${seat}>
						<input type="hidden" name="meal" value=${meal}>
						<input type="hidden" name="connecting" value=0>
						
						<input type="submit" value="Submit" style="margin-left: 530px"/>
					</form>
				
				</div>
			</div>
		</div>

                    
                                


            </div>
        </div>

    </div>

</body>
</html>